@charset "utf-8";
/* CSS Document */

body {
margin: 0;
margin-top: 5px;
padding: 0;
background-color: #000;
text-align:center; /* hack para o IE */
}

#container {
	background-color:#000;
	width: 1000px;
	margin:0 auto;         
	text-align:left; /* "remédio" para o hack do IE */
	height:auto;
	overflow:auto;
	border: 1px solid #000;
}

#conteudo {
padding: 5px;
height:auto;
}

#header {
	background-color:#000;
	height: 10px;
	vertical-align: top;
}

#logo{
	height: 70px;
}

#icones_sociais{
margin: 1px;
position:relative;
left: 390px;

}

#logo-edmilson{
	position: relative;
	left: 20px;
}

#header-logo{
	background-color:#000;
	width: 500px;
	float: left;
}

#header-icosociais{
	width: 500px;
	
}

#header-legenda{
	width: 100%;
}

#header-direita{
	background-color:#000;
	float: right;
	height: 59px;
}

#icone-twitter{
	width: 110px;
	text-align: center;
	float:right;
}

#menu-principal{
	background-color: #000;
}

#separador-10px{
	height: 10px;
}

#banner{
	background-color:#000;
	height: auto;
}

#foo1{
	height: auto;
	background-color:#000;
	width: 1000px;
}

#miolo{
	background-color:#000;
	width: 1000px;
	height: auto;
}

/* Elementos usados nas páginas: O criador, */

 #caption-conteudo{
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-size:20px;
 color:#FFF;
 margin: 10px;
 }
 
 #texto-conteudo{
 font-family: Arial, Helvetica, sans-serif;
 font-size:14px;
 color:#FFF;
 margin: 10px;
 text-align:justify;
 text-indent: 20px;
 line-height: 20px;

}

 #texto-conteudo-2colunas{
 font-family: Arial, Helvetica, sans-serif;
 font-size:14px;
 color:#FFF;
 margin: 10px;
 text-align:justify;
 text-indent: 20px;
 line-height: 20px;
 width: 490px;
}


 #texto-conteudo-right{
 font-family: Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#FFF;
 margin: 10px;
 text-align: left;
 line-height: 20px;
 width: 260px;
}

#texto-curto{
	width: 260px;
}

#cabecalho{
	background-color:#FFF;
	width: 1000px;
	margin: 0;
	padding: 0;
}

#footer{
	background-color:#3F0;

}

#coluna-esquerda{
	width: 360px;
	float:left;
}

#coluna-esquerda-2colunas{
	width: 600px;
	float:left;

}


#container-centro-direita{
	width:640px;
	float:right;
}

#coluna-direita{
	width: 280px;
	float:right;
}

#coluna-direita-2colunas{
	width: 400px;
	float:right;
	margin-top: 40px;
}

#coluna-central{
	width: 360px;
	float: left;
	margin-top: 14px;
}

ul.lista {
	margin:15px;
	padding:0;
}
 
ul.lista li {
	list-style: square;   
}

.sub1{
	font-size:11px;
	text-align:left;
	margin-left: 20px;
}

.sub2{
	font-size:14px;
	text-align:left;
}


p.subtitulo1{
	font-size:11px;
	text-align:left;
}

ul.subtitulo1 {
	margin:20px;
	padding:0;
}
 
ul.subtitulo1 li {
	list-style: disc;
}

#foto-lojas{
	margin-left: 20px;
}

#fundo-conteudo{
	width: 1000px;
	height: 359px;
	background: url("../imagens/fundo_a_obra.jpg");
	margin: 0px auto;
	
	
}

#texto-img-edmilson{
	position: relative;
    top: 3px;
	right: -5px;

/*	top: 200px;
	right: 350px;
*/}

/* Elementos da página midia*/

#container-midia{
	border:#CCC solid;
	border-width: medium;
	width: 480px;
	height: 360px;
	padding-left: 5px;
	padding-right: 5px;

}

#coluna-direita-2colunas-midia{
	width: 400px;
	float:right;
	margin-top: 30px;
	margin-left: 10px;
	margin-right: 50px;
	margin-bottom: 30px;
	padding: 0px;

}

#foo2{
	padding: 1px;
	background-color:#0C0;

}

#img_midia{
	vertical-align: top;
	padding: 0px;
}


.image_carousel {
	padding: 15px 0 15px 40px;
}
.image_carousel img {
	border: 1px solid #ccc;
	background-color: white;
	padding: 9px;
	margin: 7px;
	display: block;
	float: left;
}
.clearfix {
	float: none;
	clear: both;
}


/* Fim Elementos usados nas páginas: mídia, */

/* Elementos da página Diferenciais*/

#coluna-esquerda-diferenciais{
	width:250px;
	float:left;
}

#coluna-direita-diferenciais{
	width: 750px;
	float:right;
	padding: 0px;
	margin-top: 20px;

}

#container-conteudo-diferenciais{
	background-color:#FFFFFF;
	height: 375px;
	margin: 0px;
	padding: 0px;
}

#titulo-diferenciais{
	color: #000;
	font-family: "Copperplate Gothic Bold", "Times New Roman", Tahoma;
	text-align:left;
	padding-top: 15px;
	padding-left: 15px;
	

}

#texto-diferenciais{
	text-align: justify;
	padding-left: 17px;
	padding-right:15px;
}

p.texto-longo-diferenciais{
	font-family: "Times New Roman", Times, serif;
	font-size:15px;
}

#foto1-garantia{
	float:left;

}

#foto2-garantia{
	float: right;
	margin-right:10px;

}

#imagens-diferenciais{
	padding: 10px;
}

li.menu-diferenciais{
	color:#FFFFFF;
	margin-left: -18px;
}

a.link-diferenciais{
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color: #FFF;
	line-height: 30px;
}

/* elementos página trofeus */
#coluna-esquerda-trofeus{
	float:left;
	background-color:#33FF00;
}

#container-trofeus{
	height: 850px;
	background-image: url(../imagens/back_trofeus.jpg);
}

#imagens-trofeus{
	float:left;
	width: 200px;
	padding-left: 30px;
	padding-top: 20px;

}

#textos-trofeus{
	float:right;
	width: 500px;
}

#capitular{
   float:left;
   color:black;
   font-size:95px;
   line-height:51px;
   padding:1px;
   font-family:times;
   margin-right: 5px;
}

#par1{
	font-size: 19px;
	text-align:justify;
}

#par2{
	font-size: 16px;
	text-align:justify;
}

#negrito{
	font-weight:bold;
}

#texto-rodape-joias{
	text-align:right;
	padding-right: 30px;
}

/* Elementos página calendário*/

#container-conteudo-calendario{
	width: 730px;
	background-image:url(../imagens/back_calendario.jpg);
	height: 380px;
}

#texto-calendario{
	padding-top: 30px;
	padding-left: 60px;
	padding-right: 100px;
}

#txt-promocional-calendario{
	margin-top: -40px;
	font-size:22px;
	width: 360px;
	margin-left:380px;
}

p.texto-calendario{
	font-size:22px;
	line-height:40px;
	text-align:justify;
}

/* Elementos página novidades*/

#odara-foto1{
	width: 882px;
	height: 768px;
	margin-left: 60px;
	margin-right: 100px;
	background-image:url(../imagens/fundo_odara.jpg);
	padding: 0px;
}

#texto-foto1-odara{
	width: 500px;
	position: relative;
	top: 300px;
	left: 220px;
	
}

p.texto-odara{
	font-size:20px;
	text-align:justify;
}

p.texto-odara-final{
	font-size:20px;
	text-align:center;
	font-weight:bold;
}

#odara-foto2{
	width: 882px;
	height: 430px;
	margin-left: 60px;
	margin-right: 100px;
	background-image:url(../imagens/fundo_odara_2.jpg);
	padding: 0px;
}

#odara-foto3{
	width: 882px;
	height: 288px;
	margin-left: 60px;
	margin-right: 100px;
	background-image:url(../imagens/fundo_odara_3.jpg);
	padding: 0px;
}

#odara-foto4{
	width: 882px;
	height: 427px;
	margin-left: 60px;
	margin-right: 100px;
	background-image:url(../imagens/fundo_odara_4.jpg);
	padding: 0px;
}

#odara-foto5{
	width: 882px;
	height: 497px;
	margin-left: 60px;
	margin-right: 100px;
	background-image:url(../imagens/fundo_odara_5.jpg);
	padding: 0px;
}

#odara-foto6{
	width: 882px;
	height: 487px;
	margin-left: 60px;
	margin-right: 100px;
	background-image:url(../imagens/fundo_odara_6.jpg);
	padding: 0px;
}

#odara-foto7{
	width: 882px;
	height: 353px;
	margin-left: 60px;
	margin-right: 100px;
	background-image:url(../imagens/fundo_odara_7.jpg);
	padding: 0px;
}

#odara-foto8{
	width: 882px;
	height: 516px;
	margin-left: 60px;
	margin-right: 100px;
	background-image:url(../imagens/fundo_odara_8.jpg);
	padding: 0px;
}

#odara-foto9{
	width: 882px;
	height: 454px;
	margin-left: 60px;
	margin-right: 100px;
	background-image:url(../imagens/fundo_odara_9.jpg);
	padding: 0px;
}

#odara-foto10{
	width: 882px;
	height: 362px;
	margin-left: 60px;
	margin-right: 100px;
	background-image:url(../imagens/fundo_odara_10.jpg);
	padding: 0px;
}

#odara-foto11{
	width: 882px;
	height: 515px;
	margin-left: 60px;
	margin-right: 100px;
	background-image:url(../imagens/fundo_odara_11.jpg);
	padding: 0px;
}

#odara-foto12{
	width: 882px;
	height: 467px;
	margin-left: 60px;
	margin-right: 100px;
	background-image:url(../imagens/fundo_odara_12.jpg);
	padding: 0px;
}

#odara-foto13{
	width: 882px;
	height: 453px;
	margin-left: 60px;
	margin-right: 100px;
	background-image:url(../imagens/fundo_odara_13.jpg);
	padding: 0px;
}

#odara-foto14{
	width: 882px;
	height: 412px;
	margin-left: 60px;
	margin-right: 100px;
	background-image:url(../imagens/fundo_odara_14.jpg);
	padding: 0px;
}

#odara-foto15{
	width: 882px;
	height: 572px;
	margin-left: 60px;
	margin-right: 100px;
	background-image:url(../imagens/fundo_odara_15.jpg);
	padding: 0px;
}

#odara-foto16{
	width: 882px;
	height: 570px;
	margin-left: 60px;
	margin-right: 100px;
	background-image:url(../imagens/fundo_odara_16.jpg);
	padding: 0px;
}

#odara-foto17{
	width: 882px;
	height: 465px;
	margin-left: 60px;
	margin-right: 100px;
	background-image:url(../imagens/fundo_odara_17.jpg);
	padding: 0px;
}

#odara-foto18{
	width: 882px;
	height: 482px;
	margin-left: 60px;
	margin-right: 100px;
	background-image:url(../imagens/fundo_odara_18.jpg);
	padding: 0px;
}

#odara-foto19{
	width: 882px;
	height: 414px;
	margin-left: 60px;
	margin-right: 100px;
	background-image:url(../imagens/fundo_odara_19.jpg);
	padding: 0px;
}




/* Configuração dos menus ----------------------------------------------------------------------------------------*/
#menu, #menu ul {
        margin: 0;
        padding: 0;
        list-style: none;
}

#menu {
        width: 998px;
        /*margin: 60px auto;*/
		margin: 0;
        border: 1px solid #222;
        background-color: #FFF;
        /*background-image: linear-gradient(#444, #111);consertar erro firefox*/
        border-radius: 0px;
        
}

#menu:before,
#menu:after {
        content: "";
        display: table;
}

#menu:after {
        clear: both;
}

#menu {
        zoom:1;
}

#menu li {
        float: left;
        border-right: 1px solid #222;
        box-shadow: 1px 0 0 #444;
        position: relative;
		border: 1px;
}

#menu a {
        float: left;
        padding: 12px 28px;
        color: #000;
        text-transform: uppercase;
        font: 12px Arial, Helvetica;
        text-decoration: none;
        text-shadow: 0 1px 0 #000;
}

#menu li:hover > a {
        color: #CCC;
		background-color: #000;
}

*html #menu li a:hover { /* IE6 only */
        color: #CCC;
		background-color: #000;
}

#menu ul {
        margin: 20px 0 0 0;
        _margin: 0; /*IE6 only*/
        opacity: 0;
        visibility: hidden;
        position: absolute;
        top: 38px;
        left: 0;
        z-index: 1;    
        background: #FFF;       
        /*background: linear-gradient(#444, #111);consertar erro firefox*/
        box-shadow: 0 -1px 0 rgba(255,255,255,.3);      
        border-radius: 0px;
        transition: all .2s ease-in-out;
}

#menu li:hover > ul {
        opacity: 1;
        visibility: visible;
        margin: 0;
}

#menu ul ul {
        top: 0;
        left: 150px;
        margin: 0 0 0 20px;
        _margin: 0; /*IE6 only*/
        box-shadow: -1px 0 0 rgba(255,255,255,.3);
}

#menu ul li {
        float: none;
        display: block;
        border: 0;
        _line-height: 0; /*IE6 only*/
        box-shadow: 0 1px 0 #111, 0 2px 0 #666;
}

#menu ul li:last-child {   
        box-shadow: none;    
}

#menu ul a {    
        padding: 10px;
        width: 130px;
        _height: 10px; /*IE6 only*/
        display: block;
        white-space: nowrap;
        float: none;
        text-transform: none;
}

#menu ul a:hover {
        background-color: #000;
        /*background-image: linear-gradient(#04acec, #0186ba); consertar erro firefox*/
}

#menu ul li:first-child > a {
        border-radius: 3px 3px 0 0;
}

#menu ul li:first-child > a:after {
        content: '';
        position: absolute;
        left: 40px;
        top: -6px;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #444;
}

#menu ul ul li:first-child a:after {
        left: -6px;
        top: 50%;
        margin-top: -6px;
        border-left: 0; 
        border-bottom: 6px solid transparent;
        border-top: 6px solid transparent;
        border-right: 6px solid #3b3b3b;
}

#menu ul li:first-child a:hover:after {
        border-bottom-color: #FFF; 
}

#menu ul ul li:first-child a:hover:after {
        border-right-color: #0299d3; 
        border-bottom-color: transparent;       
}

#menu ul li:last-child > a {
        border-radius: 0 0 3px 3px;
}
